<template>
	<c-pop-box>
		<view class="c-bargain-receive text-center flex-column mc-flex-vcenter">
			<view class="font-size28 color-white">恭喜你获得【王者荣耀皮肤】</view>
			<image :src="image" mode="aspectFill" class="margin-top60" style="width: 468rpx;height: 625rpx;border: 2px solid #d7ad71;"></image>
			<button @tap="receive" class="dis-flex height84 border-radius margin-top60" style="width:420upx;background-color:#ff484a">
				<text class="font-size33 color-white line-height">立即领取</text>
			</button>
		</view>
	</c-pop-box>
</template>
<script>
	import CPopBox from '@/components/global/c-pop/c-pop-box';
	import {
		mapGetters,
		mapActions
	} from 'vuex';
	export default {
		name: 'c-bargain-receive',
		props: {
			value: {
				type: Object,
				default: {}
			}
		},
		components: {
			CPopBox
		},
		data() {
			return {};
		},
		watch: {},
		computed: {
			image:function(){ 
				return this.value.image || null
			},
			prizeId:function(){ 
				return this.value.prizeId || null
			},
		},
		methods: {
			...mapActions('common', ['tabCurrent2Up']),
			...mapActions('pop', ['popShow']),
			receive() {
				this.popShow();
				this.tabCurrent2Up(0);
				uni.redirectTo({
					url:'/pages/draw/details/details?prizeId='+this.prizeId
				})
			},
			// ---------------------------------------
			// 保存二维码
			setFormId(e) {
				this.$store.dispatch('common/formIdListUp', {
					e: e,
					isSave: true
				})
			},
		},
		created() {},
		mounted() {}
	};
</script>
<style lang="scss" scoped>
	.c-draw-rule {}
</style>
